import React, { Component } from 'react';
import { BrowserRouter, Route, Routes } from 'react-router-dom';
import NotFount from './notfount/NotFount.jsx';
import Home from './pages/home/Home.jsx';
import HomePage from './pages/homepage/HomePage.jsx';
import Login from './pages/login/Login.jsx';
import Track from './pages/track/Track.jsx';
class App extends Component {
  state = {};
  render() {
    return (
      <>
        <BrowserRouter>
          <Routes>
            <Route path="/" element={<Login />}></Route>
            <Route path="/home" element={<Home />}>
              <Route path="/home/" element={<HomePage />}></Route>
              <Route path="/home/homepage" element={<HomePage />}></Route>
              <Route path="/home/track" element={<Track />}></Route>
            </Route>
            <Route path="*" element={<NotFount />}>
              {' '}
            </Route>
          </Routes>
        </BrowserRouter>
      </>
    );
  }
}

export default App;
